<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
    <script src="scripts/jquery-1.3.1.js" type="text/javascript"></script>
    <script type="text/javascript" src="scripts/jquery.validate.js"></script>
    <script type="text/javascript" src="scripts/jquery.validate.messages_cn.js"></script>
 
  <script type="text/javascript">
  $(document).ready(function(){


      /*
      * 这道题目的代码不太完整，缺少form标签，自行添加。
      *
      * 而且代码也有问题，下面的输入密码的部分两个name都是pass，理论上两个name不是不能相同。否则判断相同的错误信息会显示不正常
      * 如果能修改题目最好改成不相同的name
      *
      * */
      $("#d").validate({
          rules: {
              username:{
                  required: true,
                  minlength:5,
                  maxlength:8
              },
              //不可以修改题目的情况
              pass:{
                  required: true,
                  minlength:4,
                  equalTo:"#pass1",
                  equalTo:"#pass2"
              },
              //可以修改题目的情况
//              pass:{
//                  required: true,
//                  minlength:4,
//              },
//              pass2:{
//                  equalTo:"#pass1"
//              }
          }
      });

  });


  </script>
  
</head>
<body>
  <div >
<h1>用户登陆</h1>
<form action="" method="post" id="d">
  用户名:<input class="required" name="username" id='username' type="text" ><br>
  密码:<input name="pass" id='pass1' type="text" ><br>
   密码:<input name="pass" id='pass2' type="text" >

    <!--这里是修改name-->
    <!--密码:<input name="pass2" id='pass2' type="text" >-->
</form>
</div>
 </body>
</html>
